<template>
  <div class="tabbar">
    <div class="content center_box" :style="{backgroundColor:bgc}">
      <slot></slot>
    </div>
  </div>
</template>

<script>
export default {
name:'TabBar',
props:{
  bgc:{
    type:String,
    default:'#ccc'
  }
}
}
</script>

<style lang="less" scoped>
.tabbar{

  .content{
    
    height: 40PX;
    background-color: chocolate;
    display: flex;
    box-shadow: 0PX -1PX 0PX 0PX rgba(0, 0, 0, 0.2);
  }
}
</style>